<!-- Generated template for the ShopNoServicesComponent component -->
<!-- Generated template for the ShopAllComponent component -->
<div>
  <div class="title">
    <span>共计: &nbsp;{{shopList.length}} 条</span>
  </div>

  <!--  没有相关订单的时候 显示的数据 -->
  <div class="hasNoMsg" *ngIf='shopList.length == 0' text-center>
    <img  style='width:290px;height:170px;margin-top:100px;' src="assets/img/Comment/dingdankong@2x.png" alt="">
    <p style='color:#aaa;font-size:1.4rem;'>您还没有相关的订单哟</p>
  </div>

  <!--有订单的时候显示的数据  -->
  <div *ngFor="let list of shopList, let i = index">
    <div class="head">
      <div class="left">
        <img src="{{picrooturl}}{{list.user_info.user_avator}}" alt="">
      </div>
      <span class="text">{{list.user_info.user_nickname}}</span>
      <div class="right">交易进行中</div>
    </div>
    <ion-item>
      <ion-avatar item-start>
        <img src="{{picrooturl}}{{list.service_info.nail_img}}">
      </ion-avatar>
      <div class="left">
        <span>{{list.service_info.nail_name}}</span><br>
        <span></span><br>
        <span class="text">数量 x{{list.order_count}}</span><span class="text ml" *ngIf="list.expiry_time==0">已过期</span><span class="text ml" *ngIf="list.expiry_time>0">{{list.expiry_time}} 天后生效</span><br>
        <span class="text red">￥{{list.service_info.service_price}} </span><span class="text ml rem">￥{{list.service_info.market_price}}</span>
      </div>
      <div class="right">
        <div class="sev">
          <img src="assets/img/Comment/daifuwu@2x.png" alt="">
        </div>
        <span>待服务</span>
      </div>
    </ion-item>
  </div>
</div>


